<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span2"></div>

		<div class="span8">
			<div class="row-fluid">
				<div class="span12">
					<h3>Select Payment Option</h3>
					<hr />
					<div class="tabbable tabs-left">
						<ul class="nav nav-tabs">
							<li class="active"><a href="#COD" data-toggle="tab">Cash On
									Delivery</a></li>
							<li class=""><a href="#NETBANKING" data-toggle="tab">Net Banking</a></li>
							<li class=""><a href="#CREDITCARD" data-toggle="tab">Credit Card</a></li>
							<li class=""><a href="#DEBITCARD" data-toggle="tab">Debit Card</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="COD">
								<!-- payment selection form -->
								<h5>Pay using Cash-on-Delivery</h5> <hr />
								
									<a href="paymentviacod" class="btn btn-large btn-primary" type="button">Place Order</a>
									<br /><br /><br /><br />
									<p style="font-size: 12px; color: #9B9B9B">By placing the order, you have read and agree to bookyourtrek.com <a href="policies" target="_blank">Policy.</a></p>
								

								<!-- payment selection form -->
							</div>
							<div class="tab-pane" id="COD">
								<!-- payment selection form -->
								Coming Soon

								<!-- payment selection form -->
							</div>
							<div class="tab-pane" id="NETBANKING">
								<!-- payment selection form -->
								Coming Soon

								<!-- payment selection form -->
							</div>
							<div class="tab-pane" id="CREDITCARD">
								<!-- payment selection form -->
								Coming Soon

								<!-- payment selection form -->
							</div>
							<div class="tab-pane" id="DEBITCARD">
								<!-- payment selection form -->
								Coming Soon

								<!-- payment selection form -->
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="span2"></div>

	</div>
</div>
